/* Add here all your css styles (customizations) */
.project {border-right: 1px solid rgba(0, 0, 0, 0);}
.project
{
  color:#fff;
  overflow:hidden;
}

.portfolio-1column .project
{
  border:none;
}

.project-image
{
  position:relative;
}

.project-image img
{
  width:100%;
  transition: transform 0.4s ease;
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
}

.project:hover .project-image img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.portfolio-2column .project-hover{
	right:50%;
}

.project-hover
{
  position:absolute;
  top:50%;
  margin-top:-27px;
  left:0;
  right:0;
  bottom:0;
  text-align:center;
  color:#fff;
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  transition:opacity .3s;
  -webkit-transition:opacity .3s;
  -moz-transition:opacity .3s;
}

.project:hover .project-hover
{
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.project-hover>a
{
  width:58px;
  height:58px;
  margin:0 5px;
  display:inline-block;
  background-color:#2a3b45;
  background-color:rgba(0,0,0,0.4);
  background-image:url("../img/hover-icons.png");
  border:4px solid #eee;
  border:4px solid rgba(238,238,238,0.12);
  color:#fff;
  text-align:center;
  font-size:24px;
  padding-top:15px;
  transform:scale(0);
  -webkit-transform:scale(0);
  -moz-transform:scale(0);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  transition:transform .3s, opacity .6s, background .3s;
  -webkit-transition:-webkit-transform .3s, opacity .6s, background .3s;
  -moz-transition:-moz-transform .3s, opacity .6s, background .3s;
}

.project:hover .project-hover>a{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;	
}

.project-hover>a:hover
{
  background-color:rgba(0,0,0,0.8);
}

.project-hover>a.search-icon{
	background-position: 0 0;
}

.project-hover>a.link-icon{
	background-position: -50px 0;
}

.project-meta
{
  padding: 12px 20px 27px;
  position:relative;
  height:100px;
  background:#2a3b45;
  transition:background .3s;
  -webkit-transition:background .3s;
  -moz-transition:background .3s;
}

.project-meta:before
{
  content:'';
  display:block;
  position:absolute;
  top:-10px;
  left:20px;
  width:10px;
  height:10px;
  border-right:10px solid transparent;
  border-left:10px solid transparent;
  border-bottom:8px solid #2a3b45;
}

.project:hover .project-meta
{
  background:#2f424d;
}

.project-meta h4
{
  margin-bottom:0;
  color:#fff;
  font-size:18px;
  font-weight:300;
}

.project-meta h4 a{
	color:#fff;
}

.project-meta span.project-category
{
  font-size:11px;
  margin:0;
  text-transform:uppercase;
  color:#97a4ad;
}

.project-like
{
  position:absolute;
  right:20px;
  top:35px;
  vertical-align:top;
}

.project-like .icons
{
  font-size:24px;
  color:#3c525e;
  transition:color .3s;
  -webkit-transition:color .3s;
  -moz-transition:color .3s;
  cursor:pointer;
}

.project-like:hover .icons,
.project-like.post-liked .icons
{
  color:#dd6c62;
}

.project-like span.like-count
{
  font-size:11px;
  font-weight:300;
  vertical-align:top;
  color:#97a4ad;
}

.project-grid
{
  padding:0;
}

.project-description .social-media
{
  list-style:none;
  margin:0;
  padding:10px 0;
  border-bottom:1px solid #ddd;
}

.project-description .social-media li
{
  display:inline-block;
  margin-right:10px;
}

.project-description .social-media li a
{
  font-size:11px;
  vertical-align:middle;
}

.project-description .social-media li a i
{
  font-size:18px;
}

/* Project Slider Carousel */
.projects-slider-carousel
{
  padding:20px;
  border:1px solid #eee;
}


 .customerServiceDiv{width:100%;max-width:100% height:50px;line-height:50px;float:left;text-align:center}

.customerServiceDiv{position:fixed;bottom:0;height:48px;z-index:1;-webkit-backface-visibility:hidden;padding-top:3px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2f264a),color-stop(1.0,#3e4753));}